﻿<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>angular js</title>
    <script src="jquery-1.8.2.js"></script>
    <script src="angular.js"></script>
    <script src="mainApp.js"></script>
    <script src="subApp.js"></script>
</head>
<body>
    
    <div ng-app="mainApp">
        <div ng-controller="myController as myCtrl">

            <h2>
                {{myCtrl.hello}}
            </h2>

        </div>
        
        <hr />
        <div ng-non-bindable data-$injector="">
            <div id="subApp">

                <div ng-controller="subController as myCtrl">

                    <h2>
                        {{myCtrl.hello}}
                    </h2>

                </div>

            </div>
        </div>

    </div>
    
</body>
</html>
